<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>微博达人</title>
    <link href="/homes/styles/CustomerIndex.css" type="text/css" rel="stylesheet" />
    <link href="/homes/styles/global.css" type="text/css" rel="stylesheet" />
    {{--图片放大css--}}
    <link href="/homes/styles/baguettebox.min.css" type="text/css" rel="stylesheet" />
    <script language="javascript" src="/homes/script/jquery-1.6.2.min.js"></script>
    <script language="javascript" src="/homes/script/CustomerIndex.js" ></script>
    <script language="javascript" src="/homes/script/trim.js" ></script>
    {{--图片放大js--}}
    <script language="javascript" src="/homes/script/baguettebox.min.js" ></script>
    <style>
        #topWordMenu ul li a{
            color:black;
        }
    </style>
</head>


<body style="" id="totop">
<!-- 总容器 container开 始-->
<div>
    <div id="container">
        <!-- topDIV 开始 -->
        <div id="top"  style="">
            <!-- top部分的LogoDIV -->
            <div id="topLogo">
                <!-- topLogo部分的icoDIV -->
                <div id="topLogoIco">
                    <a href="/home"><img src="/homes/images/logo_1.jpg" width="72" height="72" alt="" /></a>
                </div>
                <!-- topLogo部分的icoDIV结束 -->

                <!-- topLogo部分的wordDIV -->
                <div id="topLogoWord" style="font-size: 30px;color:white;">
                    {{--<a href="/home"><img src="/homes/images/LogoMaker.gif" width="128" height="60" alt="" /></a>--}}微博达人
                </div>
                <!-- topLogo部分的wordDIV -->
            </div>
            <!-- top部分的LogoDIV结束 -->

            <!-- top部分的文字导航 -->
            <div id="topWordMenu" >
                <ul>
                    <li><a href="/home">首页</a></li>
                    <li><a href="/friendadd/userinfo/{id}">我的微博</a></li>
                    <li><a href="{{url('/setting/setting')}}">设置</a></li>

                    @if (empty(session('id')))
                        <li><a href="{{url('/login')}}">登录</a></li>

                    @else
                        <li><a href="{{url('/login')}}">退出</a></li>
                    @endif
                </ul>
            </div>
            <!-- top部分的文字导航结束 -->
        </div>
        <!-- topDIv 结束-->
        <!-- 内容总容器 mainDIV 开 始-->
        <div id="main">
            <!-- 左侧mainBannerDIV 开始 -->
            <div id="mainBanner">
                <!-- mainBannerTop DIV 开始 -->
                <div id="mainBannerTop">
                    <!--id=mainBannerTopIssue 发布框-->
                    <div id="mainBannerTopIssue">
                        <!--id=mainBannerTopIssuePoint 提示-->
                        <div id="mainBannerTopIssuePoint">发表属于您自己的热点话题吧:</div>
                        <div style="float:right;">您还可以输入<font id="counter1">140</font>字！
                        </div>
                        <form  id="photoForm" method="post">
                            <input type="text" class="input" value="微博" name="keywords">
                            <div id="mainBannerTopIssueForm">
                                <!--id="mainBannerTopIssueFrame-->
                                <div id="mainBannerTopIssueFrame">
                                    <textarea name="textfield1" rows="4" class="Size" id="textfield2"  style="overflow:hidden;border:1px #0CF solid;" onkeyup="calNum(this,counter1,0)"></textarea>
                                </div>
                                <!--id="mainBannerTopIssueInsert 插入链接-->
                                <div id="mainBannerTopIssueInsert">
                                    <!--4个小div-->
                                </div>
                                <!--确认发布-->
                                <div id="mainBannerTopIssueSure">
                                    <div id="mainBannerTopIssueSure2">

                                        <a href="javascript:file()"  class="a1">
                                            <div id="mainBannerTopIssueInsert1"></div>
                                            <div id="mainBannerTopIssueInsert2">插入图片
                                                <input type="file" id="images" name="images" multiple style="display:none"></div>
                                        </a>

                                        <a href="javascript:shipin()"  class="a1">
                                            <div id="mainBannerTopIssueInsert3"></div>
                                            <div id="mainBannerTopIssueInsert4">插入视频</div>
                                            <input type="file" id="video" name="video" style="display:none">
                                            {{--<video src="" width="150" height="90" controls="controls"></video>--}}
                                        </a>

                                        <a href="javascript:aaa()" class="a1">
                                            <div id="mainBannerTopIssueInsert5"></div>
                                            <div id="mainBannerTopIssueInsert6">插入表情</div>
                                        </a>

                                        <a onclick="submit()" herf="javascript::" style="font-size: 15px;background-color:#dddddd; border:none">发 布</a>
                                        <script>$.ajaxSetup({
                                                headers: { 'X-CSRF-TOKEN' : '{{csrf_token()}}' }
                                            });</script>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                    <!-- 表情DIV -->
                    <div id="biaoqing">
                        <table width="200" border="1" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <!--id="mainBannerTitle 首页-->
                <div id="mainBannerTitle">
                    <!--id="mainBannerTitleWord"-->
                    <div id="mainBannerTitleWord" style="width:300px"><span style="color:#3399FF">热点板块 : </span><span style="color:#F75F36">{{$typeName['typeName']}}</span>
                    </div>
                    <!--首页提示与隐藏-->
                    <div id="mainBannerTitleWord2">
                        <input type="checkbox" name="checkbox" id="checkbox" onclick="tdImgState()"/>
                        隐藏图片
                    </div>
                </div>
                <!--不同人的内容-->
                <div id="mainBannerContent">
                @foreach ($weibos as $v)
                    <!--个人展示-->

                        <div class="stateShow">
                            <div class="stateShowWord">
                                <table width="450" border="0" cellpadding="0" cellspacing="0" class="stateTable">
                                    <tr>
                                        <td width="70" align="center" valign="top"><a href="#"><img src="{{$v['profile']}}" alt="" width="48" height="48" /></a></td>
                                        <td width="380" ><a href="/friendadd/userinfo/{{$v['id']}}">{{$v['nickName']}}</a><img src="/homes/images/1.gif"  width="12" height="12" align="absmiddle" style="border:none;" />
                                            @if (!empty($v['content']))
                                                @if ($typeName['typeName']=='微博')
                                                @else
                                                    &nbsp;<a class="types">#{{$typeName['typeName']}}#</a>
                                                @endif
                                                &nbsp;{!!$v['content']!!}
                                            @else
                                            @endif
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            {{--图片遍历--}}
                            @if (!empty($v['img']))
                                @if ($typeName['typeName']=='微博' || !empty($v['img']))
                                @else
                                    &nbsp;<span style="color:#EC7F5F">#{{$typeName['typeName']}}#</span>
                                @endif
                                <div class="stateImgShow baguetteBoxOne" style="width:auto;height:auto">
                                    <a href="{{$v['img']}}"><img src="{{$v['img']}}" id="img"   width="190" height="100"/></a>
                                </div>
                            @else
                            @endif
                            {{--视频遍历--}}
                            @if (!empty($v['video']))
                                @if ($typeName['typeName']=='微博' || !empty($v['video']))
                                @else
                                    &nbsp;<span style="color:#EC7F5F">#{{$typeName['typeName']}}#</span>
                                @endif
                                <div class="stateVidShow" style="width:385px;height:230px;margin-left:65px;padding:5px;">
                                    <video src="{{$v['video']}}" width="100%" height="100%" controls="controls"></video>
                                </div>
                            @else
                            @endif

                            <div class="stateShowtime">{{date('Y-m-d H:i:s',$v['subTime'])}}</div>
                            <div class="stateOp"><a class="opState" onclick="reXianShi(this)">回复</a><a class="opState">转发</a><a class="opState" onclick="delState(this)">删除</a></div>
                            <div class="huifu"></div>
                        </div>
                        <!--个人展示结束-->
                        <div id="recieve">
                            <div id="ff" style="float:left;"><font style="font-size:16px; color:#FDFDFD">&nbsp;&nbsp;&nbsp;&nbsp;回&nbsp;&nbsp;复</font></div>
                            <div id="left" style="float:right; margin-top:10px; color:#FFF; margin-right:10px;">您还有可以输入<font id="counter2" color="#ffffff">140</font>字！&nbsp;&nbsp;&nbsp;<img src="/homes/images/hongcha1.gif" alt="" width="14" height="13" align="absmiddle" title="" onclick="windowClose()" /></div><br />
                            <div id="wt">
                                <form action="" method="get">
                          <textarea name="ta" cols="" rows="" id="ta1" onkeyup="calNum(this,counter2,1)" style="overflow:hidden;border:1px #0CF solid;">
                            </textarea>
                                    <br />
                                    <div style="float:right; margin-right:25px; margin-top:7px; text-align:right;">
                                        <!--&nbsp;&nbsp;<input type="checkbox" name="引用原微博" value="复选框"/>&nbsp;&nbsp;引用原微博-->
                                        <input name="" type="button" value=" 回 复 " id="sub1" onclick="submitRstate()" />
                                    </div>
                                </form>
                            </div>
                            <!-- 回复DIV 结束 -->
                        </div>
                    @endforeach
                    {{--图片放大jqeury特效--}}
                    <script>
                        $.ajaxSetup({
                            headers: { 'X-CSRF-TOKEN' : '{{csrf_token()}}' }
                        });
                        baguetteBox.run('.baguetteBoxOne', {
                            animation: 'fadeIn'
                        });
                    </script>
                </div>
            </div>
            <!-- 左侧mainBanner DIV 结束-->
            <!-- 右侧mainRight DIV开始 -->
            <div id="mainRight">
                <table width="200" border="0" cellpadding="0" cellspacing="0" bgcolor="#E9F4FA">
                    <tr>
                        <td bgcolor="#E9F4FA">
                            <!-- 右侧mainRightPostionFirstLine DIV 开始 -->
                            <div id="mainRightPostionFirstLine">
                                <!-- 右侧mainRightPostionFirstLineIcon DIV 开始 -->
                                <div style="height:58px;">
                                    <div id="mainRightPostionFirstLineIcon">
                                        <a href="{{url('/setting/mywb')}}"><img src="{{$nickName['profile']}}" alt="" width="48" height="48" align="absmiddle" title="" border="0" /></a>
                                    </div>
                                    <!-- 右侧mainRightPostionFirstLineIcon DIV 结束 -->
                                    <!-- 右侧mainRightPostionFirstLineWord1 DIV 开始 -->
                                    <div id="mainRightPostionFirstLineWord1">
                                        &nbsp;<font color="#005DC3" ><b><a href="{{url('/setting/mywb')}}" class="a1">{{$nickName['nickName']}}</a></b></font><br />
                                        &nbsp;{{$prov['prov']}}&nbsp;&nbsp;{{$prov['city']}}&nbsp;&nbsp;{{$prov['street']}}
                                    </div>
                                </div>
                                <!-- 右侧mainRightPostionFirstLineWord1 DIV 结束 -->
                                <!-- 右侧mainRightPostionFirstLineWord2 DIV 开始 -->
                                <div id="mainRightPostionFirstLineWord2">
                                    <ul>
                                        <a href="MyWB" class="a1"><li><font class="style1">2</font><br /><font class="style2">微博</font></li></a>
                                        <a href="/friendadd/fromuser/{{session('id')}}" class="a1"><li><font class="style1">12</font><br /><font class="style2">关注</font></li></a>
                                        <a href="/friendadd/byuser/{{session('id')}}" class="a1"><li><font class="style1">23</font><br /><font class="style2">粉丝</font></li></a>

                                    </ul>
                                </div>
                                <!-- 右侧mainRightPostionFirstLineWord2 DIV 结束 -->
                            </div>
                            <!-- 右侧mainRightPostionFirstLine DIV 结束 -->
                        </td>
                    </tr>
                    <tr>
                        <td bgcolor="#E9F4FA">
                            <!-- 右侧mainRightPostionSecondLine DIV 开始 -->
                            <div id="mainRightPostionSecondLine">
                                <!-- 右侧mainRightPositionSecondLineContent DIV 开始 -->
                                <div id="mainRightPositionSecondLineContent">

                                    <a href="/home" class="a1"><font style="font-size:16px;font-weight:700; color:#000;">首页</font></a><br />

                                    <hr color="#79BDD1" zize="2" style="" />
                                    <a href="#" class="a1"><font class="style3">@我的</font></a>
                                    <hr class="h1">
                                    <a href="#" class="a1"><font class="style3">我的私信</font></a>
                                    <hr class="h1">
                                    <a href="#" class="a1"><font class="style3">转发</font></a>
                                    <hr class="h1">
                                    <a href="#" class="a1"><font class="style3">我的收藏</font></a>
                                </div>
                                <!-- 右侧mainRightPositionSecondLineContent DIV 开始 -->
                            </div>
                            <!-- 右侧mainRightPostionSecondLine DIV 结束 -->
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <!-- 右侧mainRightPostionThirdLine DIV 开始 -->
                            <div id="mainRightPostionThirdLine">
                                <!-- 右侧mainRightPositionThirdLineContent DIV 开始 -->
                                <div id="mainRightPositionThirdLineContent">
                                    <p><a href="#" onclick="" class="a1"><font class="style4">你可能感兴趣的人</font>
                                            <img src="/homes/images/ThirdLineUpArrow.gif" alt="" width="12" height="14" align="right" title="" border="0"/></a></p>
                                    <br />
                                    <div id="d32" style="float:right"><a href="#" class="a1">查看更多</a></div>

                                </div>
                                <!-- 右侧mainRightPositionThirdLineContent DIV 结束 -->

                            </div>
                            <!-- 右侧mainRightPostionThirdLine DIV 开始 -->
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <!-- 右侧mainRightPostionFourthLine DIV 开始 -->
                            <div id="mainRightPostionFouthLine">
                                <!-- 右侧mainRightPositionThirdLineContent DIV 结束 -->
                                <div id="mainRightPositionFourthLineContent">
                                    <form action="" method="get">
                                        <input type="text" name="textfield" id="textfield1"/>
                                        <a href="#"><img src="/homes/images/search.gif" alt="" width="27" height="25" align="middle" title="" border="0"/></a>
                                    </form>
                                    <a href="#" onclick="" class="a1"><font class="style4">热门话题</font>
                                        <img src="/homes/images/ThirdLineUpArrow.gif" alt="" width="12" height="14" align="right" title="" border="0"/></a>
                                    <ul id="ul2">
                                        @foreach ($types as $t)
                                            <a href="/home/redian/{{$t['tid']}}" class="aa1"><li><font class="style99">#{{$t['typeName']}}#({{$t['count']}})</font></li></a>
                                        @endforeach()
                                    </ul>
                                </div>
                            </div>
                            <!-- 右侧mainRightPostionFoutrhLine DIV 结束 -->
                        </td>
                    </tr>
                    <tr>
                        <td><!-- 右侧mainRightPostionSeventhLine DIV 开始 -->
                            <div id="mainRightPostionSeventhLine">
                                <div id="mainRightPositionSevenLineContent">
                                    微博达人的成长，离不开你们。<br />
                                    <font class="style2"><a href="#" class="a1">有意见要提（点击） </a><br /><br /></font>
                                </div>
                            </div>
                            <!-- 右侧mainRightPositionThirdLineContent DIV 结束 -->
            </div>
            <!-- 右侧mainRightPostionFoutrhLine DIV 结束 -->
            </td>
            </tr>
            <tr>
                <td> <!-- 右侧mainRightPostionFifthLine DIV 开始 -->
                    <div id="mainRightPostionFifthLine">
                        <div id="mainRightPositionFifthLineContent">
                            <a href="#" onclick="" class="a1"><font class="style4">我关注的话题</font>
                                <img src="/homes/images/ThirdLineUpArrow.gif" alt="" width="12" height="14" align="right" title="" border="0"/></a>
                        </div>
                    </div>
                    <!-- 右侧mainRightPostionFifthLine DIV 结束 -->
                </td>
            </tr>
            <tr>
                <td><!-- 右侧mainRightPostionSixthLine DIV 开始 -->
                    <div id="mainRightPostionSixthLine">
                        <div id="mainRightPositionSixthLineContent">
                            <a href="#" onclick="" class="a1"><font class="style4">我关注的</font>
                                <img src="/homes/images/ThirdLineUpArrow.gif" alt="" width="12" height="14" align="right" title="" border="0"/></a>
                        </div>
                        <ul>
                            <a href="#" class="a1"><li><img src="/homes/images/WBXM.gif" border="0" /><br /><font class="style2">微博小秘</font></li></a>
                            <a href="#" class="a1"><li><img src="/homes/images/AXXR.gif" border="0" /><br /><font class="style2">&nbsp;&nbsp;转&nbsp;&nbsp;发</font></li></a>
                            <a href="#" class="a1"><li><img src="/homes/images/LBXR.gif" border="0" /><br /><font class="style2">微博新人</font></li></a>
                        </ul>
                    </div>
                    <!-- 右侧mainRightPostionSixthLine DIV 结束 -->
                </td>
            </tr>
            <tr>
                <td><!-- 右侧mainRightPostionSeventhLine DIV 开始 -->
                    <div id="mainRightPostionSeventhLine">
                        <div id="mainRightPositionSevenLineContent">
                            灵步微博的成长，离不开你们。<br />
                            <font class="style2"><a href="#" class="a1">有意见要提（点击） </a><br /><br />
                                <a href="#" class="a1" onclick="set()" >不良信息举报中心</a></font>
                        </div>
                    </div>
                    <!-- 右侧mainRightPostionSeventhLine DIV 结束 -->
                </td>
            </tr>
            </table>
        </div>
        <!-- 右侧mainRightDiv 结束 -->
    </div>
    <!-- 回复DIV 开始 -->
    <!-- 内容总容器 mainDIV 结束-->

    <!-- footer部分 -->
    <div id="footer">
        <!-- footer网站链接部分 -->
        <div id="footerLink">
            <ul>
                <li><a href="#" class="a2">微博达人</a></li>
                <li><a href="#" class="a2">广告服务</a></li>
                <li><a href="#" class="a2">API</a></li>
                <li><a href="#" class="a2">诚征英才</a></li>
                <li><a href="#" class="a2">保护隐私权</a></li>
                <li><a href="#" class="a2">免责条款</a></li>
                <li><a href="#" class="a2">法律顾问</a></li>
                <li><a href="#" class="a2">意见反馈</a></li>
            </ul>
        </div>
        <!-- footer网站链接部分结束 -->
        <!-- footer网站版权信息 -->
        <div id="footerCopy">
            Copyright&copy;2011-2012 灵步小组 版权所有
        </div>
        <!-- footer网站版权信息结束 -->
    </div>
    <!-- footer部分结束 -->

</div>
<!--总容器 container结束-->
<p id="backtop"><a id="backtop1" href="#totop"><span></span>回到顶部</a></p>
</body>
</html>

